$(function () {
    // var parentTemplate =
    //     $('<li>' +
    //     '   <a class="J_menuItem">' +
    //     '       <i></i>' +
    //     '       <span></span>'+
    //     '   </a>' +
    //     '</li>');
    // var childTemplateLi = $('<li>' +
    //         '<a class="J_menuItem" data-index = "0"></a>' +
    //     '</li>');
    // var childTemplateUl = $('<ul class="nav nav-second-level"></ul>');

    getMenu(sessionStorage.uid);

    /**
     * 获取菜单列表
     * result = {id，访问路径，图标、节点类型(父节点、子节点)}
     * @param uid 用户id
     */
    function getMenu(uid) {
        $.ajax({
            async:false,
            url:"/perm/menus/"+uid,
            dataType:"json",
            type:"get",
            success:function (res) {
                console.log(res);
                if(res && res.data && res.data.length > 0){
                    $(res.data).each(function (i, n) {
                        if(n.hasChildren){
                            //有子节点
                            var childList = n.childList;
                            var html = $('<li>' +
                                '   <a href="#">' +
                                '       <i class="'+n.icon+'"></i>' +
                                '       <span class="nav-label">'+n.name+'</span>'+
                                '       <span class="fa arrow"></span>'+
                                '   </a>' +
                                '</li>');
                            var ul = $('<ul class="nav nav-second-level collapse"></ul>');
                            $(childList).each(function (i1, n1) {
                                ul.append('<li>' +
                                    '<a class="J_menuItem" href="'+n1.url+'" data-index = "'+i1+'">'+n1.name+'</a>' +
                                    '</li>');

                            })
                            html.append(ul);
                            $('#side-menu').metisMenu('dispose');
                            $('#side-menu').append(html);
                        }else {
                            //没有子节点
                            $('#side-menu').metisMenu('dispose');
                            $('#side-menu').append('<li>' +
                                '   <a class="J_menuItem" href="'+n.url+'">' +
                                '       <i class="'+n.icon+'"></i>' +
                                '       <span class="nav-label">'+n.name+'</span>'+
                                '   </a>' +
                                '</li>');
                        }
                    });
                    $('#side-menu').metisMenu();
                }
            }
        });
    }
});